<%--
  Created by IntelliJ IDEA.
  User: XML
  Date: 2018/7/14
  Time: 21:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false" %>
<!DOCTYPE HTML>
<html class="no-js">
<head>
    <!-- Basic Page Needs
      ================================================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <!-- Mobile Specific Metas
      ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS
      ================================================== -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
    <link href="${pageContext.request.contextPath}/vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
    <!-- Color Style -->
    <link href="${pageContext.request.contextPath}/colors/color1.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath}/css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
    <!-- SCRIPTS
      ================================================== -->
    <script src="${pageContext.request.contextPath}/js/modernizr.js"></script><!-- Modernizr -->
</head>
<body class="home">
<div class="body">
    <!-- start topbar -->
    <header class="topbar">
        <!-- start container -->
        <div class="container">
            <ul class="topbar-menu">
                <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop">购物</a>
                    <ul>
                        <li><a href="#" title="Cart">物流</a></li>
                        <li><a href="#" title="Cart">结账</a></li>
                    </ul>
                </li>
                <li><a href="#" title="Contact">联系我们</a></li>
                <li><a href="#" title="Donations">赠送</a></li>
            </ul>
            <div class="header-info-col">
                <i class="fa fa-phone"></i>
                <strong>1800-9090-8089</strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-envelope-o"></i>
                <strong><a href="mailto:help@obsequy.com" title="help@obsequy.com">1106358053@qq.com</a></strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-map-marker"></i>
                <strong>浙江工贸职业技术学院</strong>
            </div>
        </div>
        <!-- end container -->
    </header>
    <!-- end topbar -->
    <!-- start header -->
    <header class="site-header-wrapper">
        <div class="site-header">
            <!-- start container -->
            <div class="container">
                <!-- start site logo -->
                <div class="site-logo">
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-logo"><img src="${pageContext.request.contextPath}/images/logo.png" alt="Obsequy"></a>
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-retina-logo"><img src="${pageContext.request.contextPath}/images/logo@2x.png" alt="Obsequy" width="204" height="46"></a>
                </div>
                <!-- end site logo -->
                <a href="#" id="menu-toggle">
                    <i class="fa fa-bars"></i>
                </a>
                <div class="search-module">
                    <a href="#" class="search-module-trigger">
                        <i class="fa fa-search"></i>
                    </a>
                    <div class="search-module-opened">
                        <form id="searchform" action="#">
                            <div class="input-group input-group-sm">
                                <input type="text" name="s" id="s" class="form-control input-sm">
                                <span class="input-group-btn"><button name ="submit" type="submit" class="btn btn-lg btn-default"><i class="fa fa-search"></i></button></span>
                            </div>
                        </form>
                    </div>
                </div>
                <a href="#" class="cart-module-trigger">
                    <i class="fa fa-shopping-cart"></i>
                </a>
                <!-- start main navigation -->
                <nav class="main-navigation pull-right">
                    <ul class="dd-menu sf-menu">
                        <li><a href="${pageContext.request.contextPath}/main.do" title="Home"><span>首页</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/aboutUs.do" title="About"><span>关于我们</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop"><span>购物</span></a></li>
                        <li class="active"><a href="${pageContext.request.contextPath}/services.do" title="Services"><span>服务</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/blog.do" title="Blog"><span>博客</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Send Flowers"><span>送花</span> <img src="${pageContext.request.contextPath}/images/flower-e1476975452944.png" alt=""></a>
                        </li>
                    </ul>
                </nav>
                <!-- end main navigation -->
            </div>
            <!-- end container -->
        </div>
    </header>
    <!-- end header -->
    <!-- start post content banner -->
    <div class="post-content-banner">
        <div class="post-content-banner-in accent-bg" style="background-image:url(${pageContext.request.contextPath}/images/45-degree-fabric-light.png);">
            <div class="spacer-50"></div>
            <!-- start container -->
            <div class="container">
                <!-- start row -->
                <div class="row">
                    <div class="col-md-8">
                        <h1 class="margin-0 white-text">Funerals as Unique as Your Life</h1>
                        <h4 class="white-text margin-35"><span>Life is full of opportunities to show someone we love them. One such opportunity is the funeral or memorial service. Such a loving event celebrates the choices they made, the relationship you shared, and honors the memory of your loved one.</span></h4>
                        <a href="#" title="Contact Us" class="btn btn-default btn-transparent btn-rounded">Contact Us</a>
                    </div>
                    <div class="col-md-4">
                        <!-- start video box -->
                        <div class="video-box margin-35">
                            <iframe width="343" height="193" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/YjVh9hwqOxA?feature=oembed"></iframe>
                        </div>
                        <!-- end video box -->
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- end post content banner -->
    <!-- Start body content -->
    <div class="main" role="main">
        <div id="content" class="content full">
            <div class="spacer-70"></div>
            <!-- start container -->
            <div class="container">
                <!-- start row -->
                <div class="row">
                    <ul class="grid-holder isotope gallery-items">
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image4-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Celebrating a Life</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image1-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Funeral Services</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image5-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Planning a Funeral</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image6-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Burial Services</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image3-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Catering Services</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-4 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image2-600x400.jpg" alt=""></a>
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Permanent Memorialization</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
            <div class="spacer-60"></div>
        </div>
    </div>
    <!-- end body content -->
    <!-- start footer -->
    <jsp:include page="foot.jsp"/>
    <!-- end footer -->
    <a id="back-to-top"><i class="fa fa-arrow-up"></i></a>
</div>
<script src="${pageContext.request.contextPath}/js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="${pageContext.request.contextPath}/vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="${pageContext.request.contextPath}/js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="${pageContext.request.contextPath}/js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="${pageContext.request.contextPath}/vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script> <!-- UI -->
<script src="${pageContext.request.contextPath}/js/init.js"></script> <!-- All Scripts -->
<script src="${pageContext.request.contextPath}/vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
